﻿
@{
    ViewBag.Title = "用户登录";
    Layout = "~/Views/Shared/_LayoutPage.cshtml";
}

<div class="main layui-clear">
    <h2 class="page-title">登入</h2>
    <div class="layui-form layui-form-pane">
        <form method="post">
            @Html.AntiForgeryToken()
            <div class="layui-form-item">
                <label for="L_email" class="layui-form-label">邮箱</label>
                <div class="layui-input-inline">
                    <input type="email" id="L_email" name="email" required lay-verify="email" value="@ViewBag.Email" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_pass" class="layui-form-label">密码</label>
                <div class="layui-input-inline">
                    <input type="password" id="L_pass" name="pass" required lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_vercode" class="layui-form-label">人类验证</label>
                <div class="layui-input-inline">
                    <input type="text" id="L_vercode" name="vercode" required lay-verify="required" placeholder="请回答后面的验证码" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid">
                    <img id="valiCode" src="@Url.Action("GetValidateCode", "ValidateCode", new { v = DateTime.Now.Ticks })" style="cursor:pointer;" alt="验证码" />
                </div>
            </div>
            <div class="layui-form-item">
                <button class="layui-btn" lay-filter="login" lay-submit>立即登录</button>
                <span style="padding-left:20px;">
                    <a href="/user/forget">忘记密码？</a>
                </span>
            </div>
            @*<div class="layui-form-item fly-form-app">
                <span>或者使用社交账号登入</span>
                <a href="" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-qq" title="QQ登入"></a>
                <a href="" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-weibo" title="微博登入"></a>
            </div>*@
        </form>
    </div>
</div>
@section scripts{
    <script>
        layui.config({
            base:'../Content/res/mods/'
        }).use(['layer', 'form','helper'], function () {
            var layer = layui.layer
                , $ = layui.jquery
                , form = layui.form()
                , helper = layui.helper;

            //获取返回的地址
            var returnUrl = helper.getQueryString('ReturnUrl1');

            form.on('submit(login)', function (data) {

                $.post('@Url.Action("Login", "Account")', data.field, function (res) {
                    if (!res.success) {
                        layer.msg(res.message, { icon: 2 });
                        $('#valiCode').click();
                    } else {
                        layer.msg(res.message, { icon: 1,time:1000 }, function (index) {
                            var user = res.data.user;
                            layui.data('user', {
                                key: 'user',
                                value: {
                                    username: user.Nickname
                                    , uid: user.Id
                                    , avatar: user.HeadPortrait
                                    , experience: user.Integral
                                    , sex: user.Gender === 1 ? "男" : "女"
                                }
                            });
                            
                            layer.close(index);
                            location.href = returnUrl !== null ? location.origin + returnUrl: '@Url.Action("Index", "Account")';
                        });
                    }
                }, 'json');

                return false;
            });

            $('#valiCode').off('click').on('click', function () {
                this.src = '@Url.Action("GetValidateCode", "ValidateCode")?v=' + new Date().getTime();
            });

        });

    </script>
}